<link rel="stylesheet" href="../../../web/sultana.css">
<label>
    <input su type="checkbox"/>
    <span>check</span>
</label>
<br>
<label>
    <input su type="checkbox" disabled/>
    <span>check</span>
</label>
<br>
<label>
    <input su type="checkbox" disabled checked/>
    <span>check</span>
</label>
<br>

<label>
    <input su type="radio" name="ra"/>
    <span>radio1</span>
</label>
<br>
<label>
    <input su type="radio" name="ra"/>
    <span>radio2</span>
</label>
<br>
<label>
    <input su type="radio" disabled name="ra"/>
    <span>radio1</span>
</label>
<br>
<label>
    <input su type="radio" disabled checked name="ra"/>
    <span>radio1</span>
</label>
<br>

<label>
    <input su="switch" type="checkbox">
    <span></span>
</label>
<br>
<input su="star" value="1" min="1" max="5" type="range" onchange="this.setAttribute('value', this.value)" />
<br>
<input su="range" value="1" min="1" max="100" type="range" />
<br>

<br>
<br>
<label su-group="success">
    <span>label span</span>
    <input su type="text" placeholder="label input">
    <button su>label button</button>
    <div su="success">Input with success</div>
</label>
<br>
<label su-group>
    <span>name:</span>
    <input su type="text" placeholder="please input">
    <button su>submit</button></label>
<br>
<label su-group>
        <textarea su></textarea>
        <span>0/100</span>
</label>


<br>
<br>
<input su type="file">